/**
 * @author  ( Sarah Hayes  )
 * @copyright Copyright (C) 2011 Sarah Hayes. All rights reserved.
 */

/* STYLING FOR MODULES AND COMPONENTS */



/*  Search Module */



#content fieldset, #contentleft fieldset, #contentright fieldset, #contentall fieldset {
  border: solid 1px #eaeaea;
  margin-bottom: 10px;
}



/* LOGIN MODULE */


#form-login-username .inputbox {
  background: url(../images/user-login.png) no-repeat; 
  height: 22px;
  width: 150px;
  padding-left: 25px;
  border: solid 1px #dadada;
  margin-top: 3px;
}

#form-login-password .inputbox {
background: url(../images/padlock-login.png) no-repeat; 
   height: 22px;
  width: 150px;
  padding-left: 25px;
  border: solid 1px #dadada;
  margin-top: 3px;
}


#form-login label {
  color: #4e4e4e;
}

/* .login-button {
  background:url(../images/login-button.png) no-repeat;
  width: 92px;
  color: #ffffff;
  border: none;
  text-align: center;
  line-height: 24px;
  margin-top: 5px;
  padding: 3px 0px 5px;
}

.logout-button {
  background:url(../images/login-button.png) no-repeat;
  width: 92px;
  color: #ffffff;
  border: none;
  text-align: center;
  line-height: 24px;
  margin-top: 5px;
  padding: 5px 0px 5px opx;
}
*/ 
.logout {
  padding-left: 20px;
  color: #ffffff;
}

#form-logout .button {
  margin-top: 10px;
}

#modlgn_remember {
}

#form-login ul {
  margin-left: 0px;
}

#form-login a:link, #form-login a:visited {
}

#form-login a:hover {
color:#333333;  
}

#form-login ul {
  margin-left: -40px;
  font-size: 90%;
}

/* LOGIN PAGE */

input#passwd.inputbox {
  background: url(../images/password-icon.png) no-repeat; 
  height: 20px;
  width: 150px;
  padding-left: 20px;
  border: solid 1px #dadada;
}


input#username.inputbox {
  background: url(../images/username-icon.png) no-repeat; 
  height: 20px;
  width: 150px;
  padding-left: 20px;
  border: solid 1px #dadada;
}

/* REGISTRATION PAGE STYLING */

#josForm .formleft {
width: 125px;
float: left;
margin-bottom: 5px;
}

#josForm .formright {
width: 500px;
margin-bottom: 5px;
float:left;
}

input#regname, input#regusername {
  background: url(../images/username-icon.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dadada;
}

input#regpassword, input#regpassword2 {
  background: url(../images/password-icon.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dadada;
}

input#regemail, input#email {
  background: url(../images/email-icon.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dadada;
}

#registrationform button{
color: #ffffff;
font-weight:bold;
padding: 3px 15px;
border: solid 1px #000000;
background: #81ac05;
margin-left: 125px;
}

/* RESET PASSWORD */

.validate {
color: #ffffff;
font-weight:bold;
padding:3px 15px;
border: solid 1px #000000;
background: #ff0000 ;
} 

/* EDIT USER DETAILS */

form.user button {
color: #ffffff;
font-weight:bold;
padding:3px 15px;
border: solid 1px #000000;
background: #ff0000 ;
margin-left: 150px;
}

input#password, input#password2 {
  background: url(../images/password-icon.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dadada;
}

input#name {
  background: url(../images/username-icon.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dadada;
}


/*   WEBLINKS STYLING */

.description {
}

/*SUBMIT WEBLINKS */

.inputbox#jformtitle{
  background: url(../images/username-icon.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding-left: 20px;
  border: solid 1px #dadada;
}
.inputbox#jformurl{
  background: url(../images/weblink.png) no-repeat; 
  height: 20px;
  width: 155px;
  padding-left: 20px;
  border: solid 1px #dadada;
}


/*SEARCH PAGE */

input#mod-search-searchword {
  background: url(../images/search.gif) left center no-repeat; 
  height: 20px;
  width: 155px;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dadada;
}

#searchForm .button {
  background: url(../images/green-button-75.png)no-repeat;
  border: none;
  height: 24px;
  line-height: 24px;
  width: 75px;
  color: #ffffff;
font-weight:bold;
text-align: center;
padding: 0px;
}

/* search module */



/* BLOG STYLES */  

.blogheading {
  width: 80%;
  float:left;
}


/* POLL STYLING */
table.pollstableborder th.sectiontableheader {
  background: #ff0000;
}


/* GENERAL MODULE STYLE */

.moduletable {
  margin: 0px;
  padding: 0px;
}

#left .moduletable, #left .moduletable_menu, #left .moduletable_text,
#right .moduletable, #right .moduletable_menu, #right .moduletable_text, #right .module {
margin-top:10px;
margin-bottom:20px;
padding: 0px; 
}

.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
background: #fafafa;
border: solid 1px #eaeaea;
color: #333333;
padding-left: 10px;
}

.module_menu h3 {
      font-weight: normal;
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
}

.moduletable-trans h3 {
color: #054e83;
text-align: center;
background: #ff0000 url(../images/module-trans-bg.png) no-repeat;
display:block;
}


/* ROUNDED CORNER module styling */

div.module {
margin-top: 10px;
}

div.module h3 {
/*  background: url(../images/h3-right.gif) no-repeat right center;  */
  margin:0px;
  font-size: 125%;
  color: #ffffff;
  font-weight: normal;
  border-bottom: none;
}

div.module h3 span {
/*   background: url(../images/h3-left.gif) no-repeat left center; */
  height: 30px;
  padding-left: 0px;
  display: block;
}
div.module {
  padding: 0px;
  width: 100%;
background: url(../images/module-bottom-right.gif) no-repeat bottom right #FFFFFF; 
  margin-bottom: 5px;
}

div.module div {
  margin-bottom: 5px;
  padding-bottom: 10px;
background: url(../images/module-bottom-left.gif) no-repeat bottom left; 
}

div.module div div {
  padding: 0;
  margin: 0;
background: url(../images/module-top-right.png) no-repeat top right; 
}

div.module div div div {
  padding: 8px 15px 5px;
background: url(../images/module-top-left.png) no-repeat top left; 
}

div.module div div div div {
  margin: 0;
  padding: 0;
  background: none;
  overflow: hidden;
}

div.module .modulecontent {
  margin: -10px -5px;
    line-height: 120%;
    font-size: 90%;
}



/* Rounded module trans */

div.module-trans {
margin-top: 10px;
}

div.module-trans h3 {
/*  background: url(../images/h3-right.gif) no-repeat right center;  */
  margin:0px;
  font-size: 125%;
  color: #054e83;
  font-weight: normal;
  border-bottom: none;
}

div.module-trans h3 span {
/*   background: url(../images/h3-left.gif) no-repeat left center; */
  height: 30px;
  padding-left: 0px;
  display: block;
}
div.module-trans {
  padding: 0px;
  width: 100%;
background: url(../images/module-bottom-right.gif) no-repeat bottom right #FFFFFF; 
  margin-bottom: 5px;
}

div.module-trans div {
  margin-bottom: 5px;
  padding-bottom: 10px;
background: url(../images/module-bottom-left.gif) no-repeat bottom left; 
}

div.module-trans div div {
  padding: 0;
  margin: 0;
background: url(../images/module-top-right-plain.gif) no-repeat top right; 
}

div.module-trans div div div {
  padding: 8px 15px 5px;
background: url(../images/module-top-left-plain.gif) no-repeat top left; 
}

div.module-trans div div div div {
  margin: 0;
  padding: 0;
  background: none;
  overflow: hidden;
}

div.module-trans .modulecontent {
  margin: -10px -5px;
    line-height: 120%;
    font-size: 90%;
}


/* end */




#user2  .modulecontent,
#user3 .modulecontent,
#user4 .modulecontent,
#user5  .modulecontent {
  margin-top: 10px;
  height: 90px;
}



div.modulecontent #form-login {
  margin: 0px;
}